body
{
    background-color: #FBD5B5;
    font-family: Verdana;
    height: 700px;
}

.wrapper
{
    width: 800px;
    height: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.header
{
    font-size: 1.5em;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    background-color: #F69545;
    border: 3px solid #B56D31;
    border-radius: 10px;
    margin: 10px 0px 10px 0px;
}

.footer
{
    text-align: center;
    font-weight: bold;
    background-color: #F9C090;
    border: 3px solid #B56D31;
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0px 10px 0px;
}

#chatContainer
{
    width: 65%;
    margin-right: 10px;
}

header.contentHeader
{
    background-color: #8064A2;
    color: #FFFFFF;
    padding: 10px;
    font-size: 1.4em;
    text-align: center;
    border-top: 3px solid #000000;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
}

header.chatHeader
{
}

header.channelHeader
{
}

#chatBody
{
    border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    background-color: #6A94C6;
    padding: 10px;
    height: 550px;
    overflow:auto;
}

#chatFooter
{
    color: #FFFFFF;
    background-color: #8064A2;
    font-size: 1.2em;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    border-bottom: 3px solid #000000;
    padding: 10px;
}

#channelContainer
{
    width: 32%;
}

#channelsBody
{
    border-top: 3px solid #000000;
    border-bottom: 3px solid #000000;
    border-left: 3px solid #000000;
    border-right: 3px solid #000000;
    background-color: #8064A2;
    min-height: 200px;
}

.clear
{
    clear: both;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.channel
{
    color: #FBE8D8;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px;
    border-bottom-style: dashed;
    border-bottom-color: #A4C2E6;
    border-bottom-width: 1px;
    cursor: pointer;
}

#channelsBody div:last-of-type
{
    border-bottom-width: 0px;
}


input[type="button"]
{
    background-color: #F69545;
    border-radius: 10px;
    border: 4px solid #FFFFFF;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    color: #FFFFFF;
}

#newMessage
{
    border-radius: 10px;
    border-width: 0px;
    height: 26px;
    width: 250px;
    padding: 0px 5px 0px 5px;
}

#reset
{
    font-size: 1.2em;
    width: 255px;
    margin-top: 10px;
}

.selected
{
    background-color: #6A94C6;
}

.message
{
    color: #FFFFFF;
}